<template>
	<div class="video-list">
	  <video-list-item 
		v-for="(item, index) in videolist" 
		:key="index" 
		:videolistitem="item">
	  </video-list-item>
	</div>
  </template>
  
  <script setup>
  import VideoListItem from "./VideoListItem.vue";
  
 
  const props = defineProps({
	videolist: {
	  type: Array,
	  default: () => [],
	},
  });
  </script>
  
  <style lang="less" scoped>
  .video-list {
	display: grid;
	justify-content: space-between;
	grid-template-rows: repeat(10, auto-fill);
	grid-template-columns: repeat(4, 24%);
  }
  </style>
  